<template>
	<view class="">
		<view style="position:relative;">
			<image :src="bg" mode="" style="width: 100%;height: 404rpx;"></image>
			<view style="position: absolute;left: 20rpx;top: 106rpx;" @click="goBack()">
				<u-icon name="arrow-left" color="#fff" size="20"></u-icon>
			</view>
			<view style="position: absolute;left: 0;bottom: -60rpx;border-radius: 30rpx 30rpx 0 0;padding: 20rpx;box-sizing: border-box;width: 100%;background:linear-gradient(#FFF2E6,#FFF8F1);">
				<u-tabs :list="tabs" @click="click" lineColor="#ff3f3f" :activeStyle="{color:'#000',fontWeight:700,fontSize:'32rpx'}" :inactiveStyle="{fontSize:'28rpx'}">
					 <u-icon name="grid" size="26" slot="right" style="padding-left: 4px;"></u-icon>
				</u-tabs>
			</view>
			
		</view>
		<view style="height: 70rpx;"></view>
		<view style="padding: 0 20rpx 20rpx 20rpx;" v-if="shopList.length!=0">
			<listItem :list="shopList" :params='params'></listItem>
		</view>
	</view>
</template>

<script>
	import listItem from "@/components/lsitItem.vue"
	export default {
		components:{
			listItem
		},
		data(){
			return{
				bg:'https://cdn.yowswl.com/image/admin/2024/01/08/6c7552292e444e43abb55dd099b7bc97chp4f6fwpv.png',
				current:0,
				tabs:[
					{
						name:'今日榜单',
						id:0
					},{
						name:'7日榜单',
						id:1
					},{
						name:'月榜单',
						id:2
					},{
						name:'年榜单',
						id:3
					},{
						name:'总榜单',
						id:4
					}
				],
				shopList: [
					{
						image:'https://cdn.yowswl.com/image/admin/2023/11/22/c0b2a8f548dc402f9994e3df3f3261dc01mm30qnc5.png',
						title:'抖音电商源头优选X亚鸥商达撮合会-广州站111111111111111111111111111111111111111111111111111',
						price:'2837.9',
						time:'7',
						sales:'21.58',
						highCom:'55%',
						exclusive:'50%',
						selected:'45%',
						estimate:'83.15',
						id:25,
						avatar:'https://cdn.yowswl.com/image/admin/2023/11/22/c0b2a8f548dc402f9994e3df3f3261dc01mm30qnc5.png',
						name:'此处是商家名称'
					},{
						image:'https://cdn.yowswl.com/image/admin/2023/11/22/c0b2a8f548dc402f9994e3df3f3261dc01mm30qnc5.png',
						title:'抖音电商源头优选X亚鸥商达撮合会-广州站',
						price:'2837.9',
						time:'7',
						sales:'21.58w',
						highCom:'55%',
						exclusive:'50%',
						selected:'45%',
						estimate:'83.15',
						id:25,
						avatar:'https://cdn.yowswl.com/image/admin/2023/11/22/c0b2a8f548dc402f9994e3df3f3261dc01mm30qnc5.png',
						name:'此处是商家名称'
					}
				],
				params: {
					limit: 10,
					page: 1,
					statue: '',
					city: '',
					district: '',
					beginTime: '',
					cateld: '',
					childCateId: '',
					load: true,
					loadTxt: ''
				}
			}
		},
		methods:{
			goBack(){
				uni.navigateBack(1)
			}
		}
	}
</script>

<style>
	page{
		height: 100%;
		background-color: #FFF8F1;
	}
</style>